<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<title>我的提醒</title>
<link rel="stylesheet" href="../../../template/assets/css/amazeui.min.css"/>

<style type="text/css">
  .border-radius {
    border-radius: 5px;
 }
 .item-background{
    background: #f3f2f1;
 }
 
 .top_img img{
 width:auto;
 height:3.4rem;
 }
 
 .search{
 background-image:url("../../../template/website/images/search_icon.png");
 background-repeat:no-repeat;
 background-position:right;
 background-size: 2rem;
 }
 
 input{
 width:26rem;
 height:auto;
 }
</style>
</head>
<body>

    <!-- 搜索和新增条 -->
    <script type="text/x-handlebars-template" id="add-search-tpl">
        {{#addAndSearch item class=""}}{{/addAndSearch}}
    </script>


   <!--<div class="am-g am-margin">
    <div class="am-u-sm-1 top_img " id="add">
      <img src="../../../template/website/images/add_icon.png"/>
    </div>
    <div class="am-u-sm-11 am-text-center top_img " id="search">
      <img src="../../../template/website/images/search_btn.png"/>
    </div>
    </div>-->
    
        <!--选项卡（tabs）begin-->
         <div data-am-widget="tabs" class="am-tabs am-tabs-default am-text-sm" id="mytabs" style="margin:0">
           <ul class="am-tabs-nav am-cf">
            <li class="base-info am-active" id="base-info"><a href="#unread">未读消息</a></li>
            <li class="un-active"><a href="#unhandled">未处理</a></li>
            <li class="un-active"><a href="#handled">已处理</a></li>
          </ul>
          
          
          <div class="am-tabs-bd" style="overflow:hidden;">
             <div class="am-u-sm-12 am-hide" id="loadingbar">
                    <i class="am-icon-spinner am-icon-spin" aria-hidden="true"></i>  加载中……
             </div>
            <div class="am-tab-panel am-active" id="unread">

        <ul class="am-list  am-list-border" id="ul_unread">
        <!--缩略图在标题左边-->

              <script type="text/x-handlebars-template" id="tpl_unread">
             {{#if list}}
                {{#list}}

                 <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left am-margin-vertical-xs am-padding-horizontal-xs " onclick="click2details('{{origin}}','{{overFlag}}','{{rmdCategory}}','{{rmdContent}}','{{rmdDay}}','{{rmdId}}','{{rmdReadState}}','{{rmdType}}','0')">
                    <div class="am-u-sm-4 am-u-md-2  am-padding-vertical-sm">
                        <div class="am-list-item-text" id="rmdDay">{{rmdDay}}</div>
                    </div>

                    <div class="am-u-sm-8 am-u-md-10  am-padding-vertical-sm">
                        <div class="am-list-item-text am-text-secondary" id="rmdContent">{{rmdContent}}</div>
                     </div>

                </li>
                {{/list}}
             {{else}}
            {{/if}}
            </script>
            </ul>
            <div id="error_msg_unread" class="am-list-item-text am-margin-xs am-hide  am-padding-horizontal-xs am-padding-horizontal-xs"></div>

               <!--   我是基础信息  end-->
               
            </div>
            <div class="am-tab-panel" id="unhandled">
                <!--   我是产品列表  start-->
              <ul class="am-list am-list-border" id="ul_unhandled">
              
              <script type="text/x-handlebars-template" id="tpl_unhandled">
             {{#if list}}
                {{#list}}
                 <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left am-margin-vertical-xs am-padding-horizontal-xs " onclick="click2details('{{origin}}','{{overFlag}}','{{rmdCategory}}','{{rmdContent}}','{{rmdDay}}','{{rmdId}}','{{rmdReadState}}','{{rmdType}}','0')">
                    <div class="am-u-sm-4 am-u-md-2  am-padding-vertical-sm">
                        <div class="am-list-item-text" id="rmdDay">{{rmdDay}}</div>
                    </div>

                    <div class="am-u-sm-8 am-u-md-10  am-padding-vertical-sm">
                        <div class="am-list-item-text am-text-secondary" id="rmdContent">{{rmdContent}}</div>
                     </div>

                </li>
                {{/list}}
             {{else}}
            {{/if}}
            </script>
              </ul>
               <div id="error_msg_unhandled" class="am-list-item-text am-margin-xs am-hide  am-padding-horizontal-xs am-padding-horizontal-xs"></div>
              
               <!--   我是产品列表 end-->
            </div>
            <div class="am-tab-panel" id="handled">
                                     <!--          我是重要成员  start-->
             <ul class="am-list am-list-border" id="ul_handled">
                 
             <script type="text/x-handlebars-template" id="tpl_handled">
             {{#if list}}
                {{#list}}
                 <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left am-margin-vertical-xs am-padding-horizontal-xs " onclick="click2details('{{origin}}','{{overFlag}}','{{rmdCategory}}','{{rmdContent}}','{{rmdDay}}','{{rmdId}}','{{rmdReadState}}','{{rmdType}}','0')">
                    <div class="am-u-sm-4 am-u-md-2  am-padding-vertical-sm">
                        <div class="am-list-item-text" id="rmdDay">{{rmdDay}}</div>
                    </div>

                    <div class="am-u-sm-8 am-u-md-10  am-padding-vertical-sm">
                        <div class="am-list-item-text am-text-secondary" id="rmdContent">{{rmdContent}}</div>
                     </div>

                </li>
                {{/list}}
             {{else}}
            {{/if}}
            </script>
            
         </ul>
            <div id="error_msg_handled" class="am-list-item-text am-margin-xs am-hide am-padding-horizontal-xs am-padding-horizontal-xs"></div>

                                      <!--          我是重要成员  end-->
            </div>
            
          </div>
        </div>
        <!--选项卡（tabs）end-->

  <script type="text/javascript" src="../../../template/assets/js/jquery.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/amazeui.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/handlebars.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/amazeui.widgets.helper.min.js"></script>
  <script type="text/javascript" src="../../../template/website/js/app.js"></script>
  <script type="text/javascript" src="../../../template/website/js/template.js"></script>
    <script type="text/javascript" src="../../../template/website/js/goventerprise/esop/reminder.base.js"></script> 
  <script type="text/javascript" src="../../../template/website/js/goventerprise/esop/reminder.js"></script> 
  <link rel="stylesheet" href="../../../template/assets/css/font-awesome.css">

</body>
</html>